<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>index</title>
	<link rel="stylesheet" href="src/css/index.css">
</head>
<body>
	<div>
		<div class="header-login">
			<span>用户名</span><span><input type="text" placeholder="" /></span>
			<span>密码</span><span><input type="password" placeholder="" /></span>
			<span><button><a href="login.html">登录</a></button></span><span><button><a href="register.html">注册</a></button></span>
			<span class="last-span"><img class="img-phone" src="src/img/header-phone.png" /><img
				class="img-erweima" src="src/img/header-erweima.png" /></span>
		</div>
		<div class="header-login">
			<span style="width:50px;height:50px;"><img style="display:inline-block;margin-top:5px;" src="http://7xn3su.com1.z0.glb.clouddn.com/portrait/default?imageView/1/w/40/h/40" /></span>
			<span ><a style="color:#fff;" href="">隔壁老王</a></span><span><button><a href="login.html>">退出</a></button></span>
			<span class="last-span"><img class="img-phone" src="src/img/header-phone.png" /><img
				class="img-erweima" src="src/img/header-erweima.png" /></span>
		</div>
	</div>
	<div style="background-color:#fff;width:960px;margin:0 auto;">
		<div >

			<div class="header-search">
				<div class="register-logo-img">
					<img src="src/img/header-logo.png" />
				</div>
				<!-- <div class="header-saomao">
					<img src="src/img/header-saomao.png" />
				</div> -->
				<div class="header-email">
					<span class="span-email">邮箱: &nbsp;123@123.com</span>
				</div>
				<!-- <div class="search-text-up">
					天天摄影网
				</div>
				<div class="search-text-down">
					广州市手机艺术摄影协会
				</div> -->
				<div class="search-search">
					<span><input type="text" /></span><span class="button-span"><button>搜索</button></span>
				</div>
			</div>
			<div class="header-img" >
				<img src="src/img/header-img.png" />
			</div>
		</div>
		<div class="nav" id="nav">
			<ul>
				<li ><a href="index.html">首页</a></li>
				<li ><a href="match.html">摄影比赛</a></li>
				<li ><a href="appreciation.html">作品欣赏</a></li>
				<li ><a href="knowledge.html">摄影知识</a></li>
				<li ><a href="information.html">协会信息</a></li>
				<li id="picBtn"><a href="#">图片上传</a></li>
				<li index="0" style="display:none">作为标记当前是哪个页面的属性而设置的值</li>
				<li ><a href="personal.html">我的空间</a></li>
			</ul>
		</div>
		<div class="warp">
			<!-- <div class="carousel">
				<ul class="carousel-photo" data-ride="carousel">
					<li data-defind="item" class="active"><img src="src/img/1.jpg" alt=""></li>
					<li data-defind="item"><img src="src/img/2.jpg" alt=""></li>
					<li data-defind="item"><img src="src/img/3.jpg" alt=""></li>
					<li data-defind="item"><img src="src/img/4.jpg" alt=""></li>
				</ul>
				<ul class="carousel-tag">
					<li data-fn="carousel" data-target="1">1</li>
					<li data-fn="carousel" data-target="2">2</li>
					<li data-fn="carousel" data-target="3">3</li>
					<li data-fn="carousel" data-target="4">4</li>
				</ul>
				<div class="tag-title">
					<p>
						test1
					</p>
					<p>
						test2
					</p>
					<p>
						test3
					</p>
					<p>
						test4
					</p>
				</div>
			</div> -->
			<div class="slider-div">
					 <div id="container">
							 <div id="list" >
									 <div>
											 <div class="bottom-div">
													 <span>天天摄影网</span><span>全球摄影大赛</span>
											 </div>
											 <img width="660" height="400" src="src/img/5.jpg"/>
									 </div>
									 <div>
											 <div class="bottom-div">
													 <span>天天摄影网</span><span>全球摄影大赛</span>
											 </div>
											 <img width="660" height="400" src="src/img/6.jpg"/>
									 </div>

									 <div>
											 <div class="bottom-div">
													<span>天天摄影网</span><span>全球摄影大赛</span>
											 </div>
											 <img width="660" height="400" src="src/img/7.jpg"/>
									 </div>
									 <div>
											 <div class="bottom-div">
													 <span>天天摄影网</span><span>全球摄影大赛</span>
											 </div>
											 <img width="660" height="400" src="src/img/8.jpg"/>
									 </div>
							 </div>
							 <div id="buttons">
									 <span index="1" class="on">1</span><span index="2">2</span><span index="3">3</span><span index="4">4</span>
							 </div>
							 <a href="javascript:;" class="arrow" id="prev">&lt;</a>
							 <a href="javascript:;" class="arrow" id="next">&gt;</a>
					 </div>
			 </div>
			<div class="activeInf">
				<ul>
					<li id="paneOne">
						<a href="javascript:;">活动信息</a>	
						<a href="javascript:;"></a>
					</li>
					<li id="paneTwo">
						<a href="javascript:;">要闻</a>	
						<a href="javascript:;"></a>
					</li>
				</ul>
				<div class="infContent">
					<div class="tab-pane" id="activity-pane">
						<ul>
							<li>
								<h2>摄影家史蒂文：买凯瑞作品疑被抄袭dsfsdfsf</h2>
								<span>16-04-27</span>
							</li>
							<li>
								<h2>摄影家史蒂文：买凯瑞作品疑被抄袭</h2>
								<span>16-04-27</span>
							</li>
							<li>
								<h2>摄影家史蒂文：买凯瑞作品疑被抄袭</h2>
								<span>16-04-27</span>
							</li>
							<li>
								<h2>摄影家史蒂文：买凯瑞作品疑被抄袭</h2>
								<span>16-04-27</span>
							</li>
							<li>
								<h2>摄影家史蒂文：买凯瑞作品疑被抄袭</h2>
								<span>16-04-27</span>
							</li>
						</ul>
						<div>
							<a href=''>更多>></a>
						</div>
					</div>
					<div class="tab-pane" id="inf-pane">
						<ul>
							<li>
								<h2>这是一条不同的信息噢</h2>
								<span>16-04-27</span>
							</li>
							<li>
								<h2>这是一条不同的信息噢</h2>
								<span>16-04-27</span>
							</li>
							<li>
								<h2>这是一条不同的信息噢</h2>
								<span>16-04-27</span>
							</li>
							<li>
								<h2>这是一条不同的信息噢</h2>
								<span>16-04-27</span>
							</li>
							<li>
								<h2>这是一条不同的信息噢</h2>
								<span>16-04-27</span>
							</li>
						</ul>
						<div>
							<a href=''>更多>></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="member-inf">
			<h1 class="header">广州手机摄影艺术协会<a href="consult.html">更多>></a></h1>
			<div class="warp">
				<div class="association-member">
					<a href="consult.html">更多>></a>
					<span style="margin-left:50%;" id="member-up">上一页</span><span id="member-down">下一页</span>
				</div>
				<div class="slider-member-div" id="slider-member-div">
					<div class="member" id="member">
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-1.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-2.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-3.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-4.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-5.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-1.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-2.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-3.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-4.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-5.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-1.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-2.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-3.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-4.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-5.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-1.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-2.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-3.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-4.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
						<div class="member-img">
							<a href="consult.html"><img src="src/img/member-5.png" alt=""></a>
							<div class="member-img-name">
								武大郎
							</div>
						</div>
					</div>
				</div>
				<div class="active-inf">
					<ul class="inf-list">
						<li>成立中国摄影出版传媒有限公司</li>
						<li>建立中国摄影家协会网站群</li>
						<li>实施中国摄影推介计划</li>
						<li>丰富、提升中国国际摄影艺术节</li>
						<li>设立中国摄影创作基金</li>
						<li>建设中国摄影展览会</li>
						<li>
							<a href="">更多>></a>
						</li>
					</ul>
					<div class="inf-header">
						<p>协会信息</p>
					</div>
					<div class="inf-more">
						<a href="">更多>></a>
					</div>
				</div>
			</div>
		</div>
		<div class="production">
			<h1 class="header">作品欣赏<a href="">更多>></a></h1>
			<div class="productions">
				<a href="javascript:void(0)"><img
					src="src/img/7.jpg" alt="" class="popupPic" title="我是第一张测试图片"
					></a>
				<a href="javascript:void(0)"><img src="src/img/1.jpg" alt="" class="popupPic" title="我是第二张测试图片"></a>
				<a href="javascript:void(0)"><img src="src/img/5.jpg" alt="" class="popupPic" title="我是第三张测试图片"></a>
				<a href="javascript:void(0)"><img src="src/img/6.jpg" alt="" class="popupPic" title="我是一张测试图片"></a>
				<a href="javascript:void(0)"><img src="src/img/8.jpg" alt="" class="popupPic" title="我是一张测试图片"></a>
				<a href="javascript:void(0)"><img src="src/img/9.jpg" alt="" class="popupPic" title="我是一张测试图片"></a>
				<a href="javascript:void(0)"><img src="src/img/10.png" alt="" class="popupPic" title="我是一张测试图片"></a>
				<a href="javascript:void(0)"><img src="src/img/6.jpg" alt="" class="popupPic" title="我是一张测试图片"></a>
			</div>
		</div>
		<div class="photo-knowledge">
			<h1 class="header">摄影知识<a href="">更多>></a></h1>
			<div class="knowledge-pane">
				<div>
					<img src="src/img/8.jpg" alt="">
					<p>逆光摄影逆光摄影光摄影逆光摄影逆光逆光摄影逆光摄影</p>
				</div>
				<a href="">经验分享</a>
				<ul>
					<li>逆光摄影逆摄影逆光摄影</li>
					<li>逆光摄影逆光摄影逆光摄影逆光摄影逆光摄影</li>
					<li>逆光摄影逆光摄影逆光摄影逆光摄影逆光摄影</li>
					<li>逆光摄影逆光摄影逆光摄影逆光摄影逆光摄影</li>
				</ul>
			</div>
			<div class="knowledge-pane">
				<div>
					<img src="src/img/8.jpg" alt="">
					<p>双重曝光</p>
				</div>
				<a href="">摄影技巧</a>
				<ul>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
			<div class="knowledge-pane">
				<div>
					<img src="src/img/8.jpg" alt="">
					<p>延时移轴摄影</p>
				</div>
				<a href="">摄影器材</a>
				<ul>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
		</div>
		<div class="photoSchool">
			<h1 class="header">摄影学院<a href="">更多>></a></h1>
			<div class="warp">
				<div class="photoLearing">
					<div>
						<a href="">
							<img src="src/img/7.jpg" alt="">
							<img class="img-play" src="src/img/play.png" alt="">
						</a>
					</div>
					<div class="sub">
						<a href="">
							<img src="src/img/7.jpg" alt="">
							<img class="img-play" src="src/img/play.png" alt="">
						</a>
					</div>
					<div class="sub second">
						<a href="">
							<img src="src/img/7.jpg" alt="">
							<img class="img-play" src="src/img/play.png" alt="">
						</a>
					</div>
				</div>
				<div class="hot-order">
	        <div class="hot-head">
	          <span>热门排名</span>
	          <a href="">更多&#62;&#62;</a>
	        </div>
	        <ul>
	          <li>
	            <span>01</span>
	            <img src="src/img/6.jpg" alt="">
	            <div>
	              <span><a style="color: #529aff;" href="">西西</a></span>
	              <p><span><a style="color: #529aff;" href="">人像</a></span>-<span><a style="color: #529aff;" href="">风景</a></span></p>
	            </div>
	          </li>
	          <li>
	            <span>02</span>
	            <img src="src/img/6.jpg" alt="">
	            <div>
	              <span>西西</span>
	              <p><span>人像</span>-<span>风景</span></p>
	            </div>
	          </li>
	          <li>
	            <span>03</span>
	            <img src="src/img/6.jpg" alt="">
	            <div>
	              <span>西西</span>
	              <p><span>人像</span>-<span>风景</span></p>
	            </div>
	          </li>
	          <li>
	            <span>04</span>
	            <img src="src/img/6.jpg" alt="">
	            <div>
	              <span>西西</span>
	              <p><span>人像</span>-<span>风景</span></p>
	            </div>
	          </li>
	          <li>
	            <span>05</span>
	            <img src="src/img/6.jpg" alt="">
	            <div>
	              <span>西西</span>
	              <p><span>人像</span>-<span>风景</span></p>
	            </div>
	          </li>
	        </ul>
	      </div>
			</div>
		</div>

		<div class="friendlyLink">
			<a href="">摄团网</a>
			<a href="">摄派网</a>
			<a href="">摄影论坛</a>
			<a href="">新浪数码相机</a>
			<a href="">天极数码</a>
			<a href="">ZOL数码</a>
			<a href="">锐意网</a>
			<a href="">卓美网</a>
			<a href="">摄苑网</a>
			<a href="">摄影日报</a>
			<a href="">旅游日报</a>
			<a href="">旅游名店城</a>
			<a href="">光影魔术手</a>
			<a href="">思缘网</a>
			<a href="">Leica中文摄影</a>
			<a href="">泡泡网</a>
			<a href="">POCO摄影网</a>
			<a href="">色影无忌</a>
			<a href="">中国设计之窗</a>
			<a href="">中华网旅游</a>
			<a href="">摄影之友</a>
			<a href="">我图网</a>
			<a href="">改图网</a>
			<a href="">中国国家地理</a>
			<a href="">环球摄影</a>
			<a href="">LOGO设计</a>
			<a href="">PChome数码</a>
			<a href="">黑光论坛</a>
			<a href="">爱奇艺纪录片</a>
			<a href="">地里时间</a>
			<a href="">搜狐数码公社</a>
			<a href="">更多友情连接</a>
		</div>
		<div class="footer">
			<div class="foot_link">
				<a href="/">关于网站</a> &nbsp;| &nbsp;
				<a href="/gongnengjieshao/">关于协会</a> &nbsp;|&nbsp;
				<a href="/ruanjianxiazai/">申请入会</a> &nbsp;|&nbsp;
				<a href="/system/">服务条款</a> &nbsp;|&nbsp;
				<a href="/faq/">联系我们</a> &nbsp;|&nbsp;
				<a href="/message/">会员服务</a> &nbsp;|&nbsp;
				<a href="/info/guanyuwomen/" rel="nofollow">广告服务</a> &nbsp;| &nbsp;
				<a href="/sitemap.html" rel="nofollow">帮助中心</a>
			</div>
			<p>网站声明：本网站由手机摄影艺术协会主办，设计个人肖像的照片，未经本人同意，严禁转载，违者追究相关法律责任！</p>
			<p>中国——福建 闽ICP备：08001196号 互联网新闻信息服务许可证【编号: 3512006002】</p>
			<p>短信息类服务介入代码使用证： 闽【2008】0019——B001；增值电信业务经营许可证：闽B2_20080034</p>
			<p>技术支持：好迪网络</p>
		</div>
	</div>


	<script src="./src/js/jquery-1.9.1.min.js"></script>
	<script src="./src/js/carousel.js"></script>
	<script src="./src/js/tab.js"></script>
	<script src="./src/js/main.js"></script>
</body>
</html>
